Please add relevant labels and merge
Thanks!

Description

Fix Project-wide ESLint Errors and Refactor Blog Data Structure

📌 Description

This PR resolves 27 linting errors and warnings identified across the project to improve code quality and build stability. It also includes a significant refactor of the Blog component to separate data from the UI, resolving "Fast Refresh" warnings.

Key Changes:

• Refactored Blog Structure: Moved generateBlogPosts and large image imports from components/Blog.jsx to a dedicated data/blogData.js file.
• Fixed Data File: Replaced incorrect component code in src/data/blogData.js with the actual data generation logic.
• Cleaned Code: Removed unused variables, imports (e.g., useTheme, setHoveredPlan), and unnecessary eslint-disable directives across multiple files (Navbar, Pricing, features, Login).
• Config Updates:
  • Updated eslint.config.js to permit unused variables named motion (common in Framer Motion).
  • Fixed vite.config.js to correctly define __dirname in an ES Module environment.
• Logic Fixes: Added missing dependency to useCallback in AuthContext and fixed catch block syntax in utility files.

🔗 Related Issue

Closes #254

🛠 Type of Change

• 🐛 Bug fix (non-breaking change fixing an issue)
• ✨ Enhancement (improves existing functionality)
• 🚀 New feature (adds new functionality)
• ♻️ Refactor (code change that neither fixes a bug nor adds a feature)
• 📝 Documentation update

✅ Checklist

• Code follows project coding standards
• Self-review completed
• Tests added or updated (if applicable)
• All tests passed locally
• Documentation updated (if required)
• No new warnings or errors introduced

🧪 Testing Done

• Linting: executed npm run lint which now exits with code 0 (previously failed with 27 errors).
• Manual Verification: Verified that the Blog and Blog Detail pages still load correctly separately from the data file.
• Build Check: Ensured no circular dependencies were introduced during the refactor.

Commands used:

npm run lint